<template>
<div class="cooperation">
  <div>
    <img src="../../assets/cooperation.jpg" width="100%" alt="">
  </div>
  <div class="cooperation-main">
    <h3>联系方式</h3>
    <p>联系方式：400-022-9909</p>
    <p>投诉邮箱：service@jiaxunmedia.com</p>
    <p>客服售后</p>
    <p>QQ：2126755803</p>
    <p>市场合作</p>
    <p>QQ：1821361971</p>
    <p>广告投放</p>
    <p>QQ：3084749103</p>
  </div>
  <div class="footer">
      <ul class="cur-flex cur-justify-center">
        <li>
          <span class="name">全站导航</span>
          <span class="line">|</span>
        </li>
        <li @click="$router.push('/about/index')">
          <span class="name">关于我们</span>
          <span class="line">|</span>
        </li>
        <li @click="$router.push('/cooperation/index')">
          <span class="name">商务合作</span>
          <span class="line">|</span>
        </li>
        <li @click="$router.push('/feedback/index')">
          <span class="name">反馈中心</span>
        </li>
      </ul>
      <p>联系电话：400-022-9909</p>
      <p>版权所有copyright©2015-2018&nbsp;手机中亿财经网</p>
    </div>
</div>
</template>
<script>
export default {
  title: '商务合作'
}
</script>
<style lang="scss">
.cooperation{
  height: 100%;
  background-color: $white;
  &-main{
    min-height: 70%;
    padding: 30px;
    h3{
      font-size: 28px;
      font-weight: bold;
      color: $text-color;
    }
    p{
      color: 24px;
      margin: 10px 0;
      line-height: 38px;
    }
  }
  .footer {
    color: #9f9f9f;
    text-align: center;
    padding: 30px 0 20px;
    background-color: #313131;
    ul{
      margin-bottom: 22px;
    }
    .line{
      padding: 0 22px;
    }
    p{
      line-height: 42px;
    }
  }
}
</style>
